<%--
  Created by IntelliJ IDEA.
  User: 21309
  Date: 2024/11/20
  Time: 20:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>账号安全</title>
    <link rel="stylesheet" href="../css/nav.css" />
    <link rel="stylesheet" href="../css/user_anquan.css" />
    <style>
        .head_center{
            a{
                text-decoration: none;
                color: #1d2124;
            }
            a:hover{
                color:#00aaff;
            }
            .content{
                height: 600px;
            }
        }
    </style>
</head>
<body>
<jsp:include page="nav.jsp" />
<div class="all">
    <div class="user_left">
        <!-- 个人中心区域 -->
        <div class="user_head">
            <img src="../../img/people.png" alt="用户头像" class="head-pic">
            <div class="head_have">
                <p class="username">用户名</p>
                <p class="user-status">欢迎回来</p>
            </div>
        </div>
        <br><br>
        <div class="head_left">
            <p>收藏</p>
            <p>13</p>
        </div>
        <div class="head_right">
            <p>点赞</p>
            <p>31</p>
        </div>
        <br>
        <hr size="5px" color="grey" />
        <div class="head_center">
            <h4>个人设置</h4>
            <h3><a href="myUser.jsp">我的预约</a></h3>
            <h3><a href="user.jsp" >个人资料</a></h3>
            <h3><a href="user_anquan.jsp">账号安全</a></h3>
            <h3><a href="message.jsp">系统通知</a></h3>
        </div>
    </div>
    <div class="content">
        <h2>账号安全</h2>
        <br><hr size="5px" color="grey" width=80% /><br>
        <form action="#" method="post">
            <div class="user_right">
                <p>
                    <label>
                        账号安全等级:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong><font color="red">偏高</font></strong>
                    </label>
                </p>
                <p>
                    <label>
                        当前密码:
                        <input type="password" placeholder="请输入原始密码" />
                    </label>
                </p>
                <p>
                    <label>
                        确认新密码：
                        <input type="password" placeholder="请输入新密码"/>
                    </label>
                </p>
                <p>
                    <label>
                        确认新密码：
                        <input type="password" placeholder="请确认新密码"/>
                    </label>
                </p>
            </div>
            <br><br>
            <input type="submit" value="修改密码" name="submit" class="submit"/>
        </form>
    </div>
</div>
<style>
    .head_center{
        a{
            text-decoration: none;
            color: #1d2124;
        }
        a:hover{
            color:#00aaff;
        }
        .content{
            height: 100vh;
        }
    }
</style>
</body>
</html>
